<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
  <meta name="viewport"
  	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<style type="text/css">
       #div1{

            width: 60px;

        }

        #div1 img{

            transition: all 0.5s;

        }

        #div1 img:hover{

            transform: scale(1.3);

        }
		#div1 img:active{
			transform: scale(2);
			
			
		}
		
		</style>
	</head>
	<body style="background-color: #acd5b5;">

		<header style="background-color: #acd5b5;" class="mui-bar mui-bar-nav">
			<a class=" mui-icon  mui-pull-right" href="search.html"><i class='iconfont icon-fangdajing'></i></a>
			<div class="mui-input-row mui-search">
				<input type="search" class="mui-input-clear whiteBg" placeholder="搜你想要的" readonly="readonly">
			</div>
			<ul>
				<li>
					<div id="div1"><img style="width: 60px;" src="images/上门回收.png"></div>
					<span>轻回收</span>
				</li>
				<li>
					<a href="begin.html">
					<div id="div1"><img style="width: 58px;" src="images/游戏机.png"></div></a>
					<span>游戏</span>
				</li>
				<li>
					<a href="video.html">
						<div id="div1"><img style="width: 60px; padding-top: 5px;" src="images/视频播放.png"></div></a>
					<span>视频</span>
				</li>
			</ul>

			<img style="padding-left: 12%;" onclick="opc()" src="images/拍照2.png" />

			<div class="mui-card-header mui-card-media">
				<img src="img/Kitchengreenplant.jpg" />
				<div class="mui-media-body">
					垃圾分类理念
					<p>绿水青山就是金山银山</p>
				</div>
				<p style="padding-top: 16px;">垃圾分类，能够减少污染变废为宝，
				推动生态文明建设，垃圾分类让“绿色、低碳、环保”的理念深入人心。 
				群众要自觉践行垃圾分类，从而形成“垃圾分类，人人有责，保护环境，从我做起”的浓厚氛围；
				在中、小学的教材中加入垃圾分类的内容，从小培养青少年的垃圾分类意识。</p>

			</div>

		</header>
		<div style="padding-top: 33%;background-color: #acd5b5;">
			<textarea>-------------------------------------------------------</textarea>



		</div>
		<footer>


		</footer>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item">
				<img id="img1" class="mui-icon" src="images/tabar/首页.png" />
				<span class="mui-tab-label">首页</span>
			</a>

			<a class="mui-tab-item" href="./encyclopedia/encyclopedia.html">
				<img id="img2" class="mui-icon" src="images/tabar/课本.png" />
				<span class="mui-tab-label">学习吧</span>
			</a>

			<a class="mui-tab-item" href="faxian.html">
				<img id="img3" class="mui-icon" src="images/tabar/发现.png" />
				<span class="mui-tab-label">发现</span>
			</a>

			<a class="mui-tab-item" href="me.html">
				<img id="img4" class="mui-icon" src="images/tabar/我的.png" />
				<span class="mui-tab-label">我的</span>
			</a>

		</nav>
		<script src="./js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
			function opc() {

				window.location.href = "camera.html"

			}
			mui.init();

			window.onload = function() {
				mui('body').on('tap', 'a', function() {
					window.top.location.href = this.href;
				})
			}
		</script>
	</body>
</html>
